<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/my.css" rel="stylesheet" />
		<style>
			img {
				width: 60px;
				height: 60px;
				border-radius: 20px;
			}

			h3 {
				color: white;
			}

			li {
				background-color: white;
				height: 55px;
				line-height: 30px;
			}

			.mui-table-view:before,
			.mui-table-view:after {
				background-color: white;
			}

			.mui-table-view {
				background-color: #efeff4;
			}

			.mui-table-view-cell:after {
				background-color: white;
			}

			.bd {
				border-top: 0.1px solid #efeff4;
			}
			
			.mui-input-clear{
				text-align: right;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">个人设置</h1>
		</header>
		
		<div class="mui-content">
			<form class="mui-input-group">
				<div class="mui-input-row">
					<label>头像</label>
					 <input type="file" onchange="uploadImg(this,'behindeImg')" class="comFileBtn"  accept="image/*"/>
				</div>
				<div class="mui-input-row">
					<label>姓名</label>
					<input id="name" type="text" class="mui-input-clear" placeholder="请输入姓名">
				</div>
				<div class="mui-input-row">
					<label>手机号</label>
					<input id="pwd" type="text" class="mui-input-clear" placeholder="请输入手机号">
				</div>
				<div class="mui-input-row">
					<label>身高</label>
					<input id="height" type="text" class="mui-input-clear" placeholder="请输入身高">
				</div>
				<div class="mui-input-row">
					<label>体重</label>
					<input id="weight" type="text" class="mui-input-clear" placeholder="请输入体重">
				</div>
				<div class="mui-input-row">
					<label>年龄</label>
					<input id="year" type="text" class="mui-input-clear" placeholder="请输入年龄">
				</div>
				<div class="mui-input-row">
					<label>性别</label>
					<select class="sex" id="sex" name="">
						<option value="">男</option>
						<option value="">女</option>
					</select>
				</div>
				<div class="mui-input-row">
					<label>身份</label>
					<select class="userType" id="type" name="">
						<option value="业主">业主</option>
						<option value="租户">租户</option>
					</select>
				</div>
			</form>
		</div>


		<nav class="mui-bar mui-bar-tab">
			<a id="shouye" class="mui-tab-item">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item">
				<span class="mui-icon mui-icon-phone"></span>
				<span class="mui-tab-label">生活</span>
			</a>
			<a class="mui-tab-item mui-active">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>

		<script src="../js/mui.js"></script>
		<script src="../js/jquery.min.js"></script>
		<script type="text/javascript">
			mui.ready(function() {
				
				mui.ajax(apiurl + 'api/getRoomRecord?certState=3',{
					dataType:'json',//服务器返回json格式数据
					type:'post',//HTTP请求类型
					timeout:10000,//超时时间设置为10秒；
					success:function(data){
						
					},
					error:function(xhr,type,errorThrown){
						
					}
				});
				
				mui.init()

				mui('.mui-bar').on('tap', '#shouye', function() {
					console.log("绑定房屋按钮绑定点击事件成功")
					mui.openWindow('index.html', 'index', {})
				})

				mui('.mui-table-view').on('tap', '#tuichu', function() {
					console.log("绑定房屋按钮绑定点击事件成功")
					mui.openWindow('login.html', 'login', {})
				})

				mui('.mui-table-view').on('tap', '#fangwu', function() {
					console.log("绑定房屋按钮绑定点击事件成功")
					mui.openWindow('roomList.html', 'roomList', {})
				})
			})
		</script>
	</body>

</html>